@()(implicit request: play.api.mvc.RequestHeader)
@main("Maps") {

	<div class="row">
		<div class="form-group col-sm-12">
			<h2 class="page-heading"
			style="text-align: left;
				border-bottom: 5px solid #e9f3f4">Maps</h2>
		</div>
	</div>

	<div class="row" id="maps">
		<div class="form-group col-sm-12" >
			<h4>Key to Maps:</h4>
			<table class="display table table-bordered" id="table" data-pagination="true" data-search="true"
			data-page-list="[10, 25, 50, 100, all]" data-multiple-search="true"
			style="
				word-wrap: break-word"
			>
				<thead>
				</thead>
			</table>
		</div>
	</div>

	<div class="row" id="mapsTab">


	</div>

	<script>

			$(function () {
                GeneticMap.init
			})

	</script>
}
